<!DOCTYPE html>
<html lang="en" style="font-size: 0.133333vw;">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小黑电影-发现</title>
    <link rel="stylesheet" href="./CSS/ALL.css">
    <link rel="stylesheet" href="./CSS/find.css">
</head>

<body>
    <!-- 容器 -->
    <div class="container">
        <div class="box1">
            <div class="mp4">
                <video controls src="./IMG/video/陈粒 - 2016陈粒“小梦大半”巡回演唱会上海站 宣传.mp4"></video>
            </div>
            <div class="content">
                <div class="avatar">
                    <img src="./IMG/images/source/avatar_1.jpeg">
                    <img src="./IMG/images/source/avatar_2.jpeg">
                    <img src="./IMG/images/source/avatar_3.jpeg">
                </div>
                <div class="info">
                    <div class="like">
                        <img src="./IMG/images/icon/like_icon.png">
                        <span>150点赞</span>
                    </div>
                    <div class="share">
                        <img src="./IMG/images/icon/share_icon.png">
                        <span>679分享</span>
                    </div>
                    <div class="evaluate">
                        <img src="./IMG/images/icon/evaluate_2_icon.png">
                        120评论
                    </div>
                </div>
            </div>
        </div>





        <div class="box2">
            <div class="mp4">
                <video controls src="./IMG/video/陈粒 - 2016陈粒“小梦大半”巡回演唱会上海站 宣传.mp4"></video>
            </div>
            <div class="content">
                <div class="avatar">
                    <img src="./IMG/images/source/avatar_1.jpeg">
                    <img src="./IMG/images/source/avatar_2.jpeg">
                    <img src="./IMG/images/source/avatar_3.jpeg">
                </div>
                <div class="info">
                    <div class="like">
                        <img src="./IMG/images/icon/like_icon.png">
                        <span>150点赞</span>
                    </div>
                    <div class="share">
                        <img src="./IMG/images/icon/share_icon.png">
                        <span>679分享</span>
                    </div>
                    <div class="evaluate">
                        <img src="./IMG/images/icon/evaluate_2_icon.png">
                        120评论
                    </div>
                </div>
            </div>
        </div>


        <!-- footer开始 -->
        <footer>
            <a href="index.html">
                <img src="./IMG/images/icon/home_n_icon.png">
                <p>首页</p>
            </a>
            <a href="movie.html">
                <img src="./IMG/images/icon/movie_n_icon.png">
                <p>电影</p>
            </a>
            <a href="cinema.html">
                <img src="./IMG/images/icon/cinema_n_icon.png">
                <p>电影院</p>
            </a>
            <a href="find.html">
                <img src="./IMG/images/icon/Pointer-指针.png">
                <p class="red">发现</p>
            </a>
            <a href="mine.html">
                <img src="./IMG/images/icon/mine_n_icon.png">
                <p>我的</p>
            </a>
        </footer>
        <!-- footer结束 -->



    </div>

</body>

</html>